<template>
  <view class="order-item-cell">
    <view class="order-item-cell-title">
      {{ label }}
    </view>
    <view class="order-item-cell-content">
      <slot></slot>
    </view>
  </view>
</template>

<script setup name="orderItemCell">
  defineProps({
    label: String,
  })
</script>

<style lang="less" scoped>
  .order-item-cell {
    display: flex;
    align-items: baseline;
    font-size: 24rpx;
    margin-bottom: 16rpx;

    &-title {
      width: 120rpx;
      margin-right: 24rpx;
      font-weight: 600;
      line-height: 30rpx;
      color: #1d2129;
      flex-shrink: 0;
    }

    &-content {
      width: calc(100% - 144rpx);
      color: #191c27;
    }
  }
</style>
